<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米有品</title>
    <!-- <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css"> -->
    <link rel="stylesheet" href="./css/无敌代码.css">
    <link rel="stylesheet" href="./css/xmyp.css">
    <link rel="stylesheet" href="./font_z73k9iyjp7r/iconfont.css">
    <link rel="shortcut icon" href="./bitbug_favicon.ico" />
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-box">
            <ul>&nbsp;
                <li class="header-r"><a href="#"> </a></li>
                <li class="header-r1"><a href="#">资质证照/协议规则</a></li>
                <li class="header-r2"><a href="#"><span class="header-p"></span>下载app</a><span class="header-1">|</span></li>
                <li><a href="#">帮助中心</a><span class="header-1">|</span></li>
                <li class="logininfo"><a href="./登录.html"><span class="dl">登录</span></a>&nbsp;&nbsp;&nbsp;<a href="./注册.html"><span class="zc">注册</span></a><span class="header-1">|</span></li>
            </ul> 
        </div>
    </div>
    <!-- logo -->
    <div class="plate1">
        <div class="logo"><a href="./小米有品.html"><img src="./imgs/logo.png"></a></div>
        <div class="plate1-p1"><a href=""><h3>限时抢购</h3></a></div>
        <div class="plate1-p2"><a href=""><h3>企业采购</h3></a></div>
        <div class="plate1-p3"><span class="iconfont icon-fangdajing"></span></div>
        <p class="plate1-p5">搜一搜</p>
        <a href="./cart.html"><div class="plate1-p4"><span class="iconfont icon-gouwuche"></span></div></a>
    </div>

    <!-- 导航 -->
<div class="plate2">
        <div class="nav">
            <ul>
                <li><a href="list.html">有品推荐/手机数码</a></li>
                <li><a href="list.html">家用电器/智能家庭</a></li>
                <li><a href="javascript:;">美食酒饮/家具家装</a></li>
                <li><a href="javascript:;">出行车品/电脑办公</a></li>
                <li><a href="javascript:;">服装配饰/户外运动</a></li>
                <li><a href="javascript:;">健康保健/日用文创</a></li>
                <li><a href="javascript:;">美妆个护/家纺餐厨</a></li>
                <li><a href="javascript:;">鞋靴箱包/母婴亲子</a></li>
                <li><a href="javascript:;">宠物生活/有品海购</a></li>
                <li><a href="javascript:;">DLAB</a></li>
            </ul>
        </div>
        <div class="nav-p">
            <h3>DLAB</h3>
            <p>
                <p class="nav-p1">美学极致&nbsp;&gt;</p>
                <div class="nav-r">
                    <a href="javascript:;">郭德纲</a>
                    <a href="javascript:;">郭麒麟</a>
                    <a href="javascript:;">张鹤伦</a>
                    <a href="javascript:;">岳云鹏</a>
                    <a href="javascript:;">秦肖贤</a>
                    <a href="javascript:;">孟鹤堂</a>
                    <a href="javascript:;">于谦</a>
                </div>
            </p>
            <p>
                <p class="nav-p1">居家服务&nbsp;&gt;</p>
                <div class="nav-r">
                    <a href="javascript:;">餐具</a>
                    <a href="javascript:;">手冲咖啡</a>
                    <a href="javascript:;">艺术水壶</a>
                    <a href="javascript:;">家居摆件</a>
                    <a href="javascript:;">香氛</a>
                </div>
            </p>
            <p>
                <p class="nav-p1">饰品首饰&nbsp;&gt;</p>
                <div class="nav-r">
                    <a href="javascript:;">项链/戒指</a>
                    <a href="javascript:;">手表</a>
                    <a href="javascript:;">耳机</a>
                </div>
            </p>
            <p>
                <p class="nav-p1">鞋服箱包&nbsp;&gt;</p>
                <div class="nav-r">
                    <a href="javascript:;">环保斜挎包</a>
                </div>
            </p>
            
        </div>

<!-- 轮播图开始 -->
    <div class="carousel">
        <ul>
            <li>
                <a href="">
                    <img src="./imgs/lunbo4.jpeg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./imgs/lunbo3.png" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./imgs/lunbo2.jpeg" alt="">
                </a>
            </li>
        </ul>
        <ol>
        </ol>
        <a href="" class="leftBtn">&lt;</a>
        <a href="" class="rightBtn">&gt;</a>
    </div>
<!-- 轮播图结束 -->
</div
<!-- 板块三 -->
<div class="plate3">
<div class="plate3-box">
<div class="plate3-p">
    <a href="./list.html"><img src="./imgs/1.png" alt=""></a>
    <p>上新精选</p>
</div>
<div class="plate3-p">
    <a href="javascript:;"><img src="./imgs/2.png" alt=""></a>
    <p>小米众筹</p>
</div>
<div class="plate3-p">
    <a href="./list.html"><img src="./imgs/3.png" alt=""></a>
    <p>有品秒杀</p>
</div>
<div class="plate3-p">
    <a href="javascript:;"><img src="./imgs/4.png" alt=""></a>
    <p>有品生活+</p>
</div>
<div class="plate3-p">
    <a href="javascript:;"><img src="./imgs/5.png" alt=""></a>
    <p>小米自营</p>
</div>
</div>
</div>
<!-- 板块四 -->
<div class="plate4">
    <div class="plate4-b1">
        <div class="plate4-b1p">
            <p>
            <span class="b1a">小米有品众筹</span>&nbsp;
            <span class="b1">永远好奇&nbsp;永远年轻</span> 
            </p>
        </div>
        <a href="./list.html"><div class="plate4-b1p2">更多&nbsp;&gt;</div></a>
    </div>
    <div class="plate4-b2">
            <div class="plate4-p11">
            <div class="plate4-p1">
                <h3>倍思87W能量堆</h3>
                <p>充电器+充电宝，PD65W快充，1A1C...</p>
                <div class="pro-price"> ￥199 <span>起</span></div>
                <a href="javascript:;"><img src="./imgs/t1.png" alt=""></a>
                <div class="plate4-b">
                    <div class="m-bar"><img src="./imgs/进度条1.jpg" alt=""></div>
                    <div class="plate4-p1p">
                       <span class="plate4-red">1073</span>  <span class="plate4-h">人支持</span>
                        <span class="plate4-red sd" >21%</span>
                    </div>
                </div>
            </div>
            </div>

        <div class="plate4-b3">
        <div class="plate4-p2">
            <h3>赫特擦窗机器人</h3>
            <div class="pro-price2"> ￥199</div>
            <a href="javascript:;"><img src="./imgs/7.png" alt=""></a>
            <div class="plate4-bb3">
                <div class="m-bar2"><img src="./imgs/进度条1.jpg" alt=""></div>
                <div class="plate4-p2p">
                   <span class="plate4-red">1922</span>  <span class="plate4-hh">人支持</span>
                    <span class="plate4-red sd" >192%</span>
                </div>
            </div>
        </div>
    </div>

        <div class="plate4-b4">
        <div class="plate4-p3">
            <h3>变频超声波清洗机</h3>
            <div class="pro-price3"> ￥119</div>
            <a href="https://www.xiaomiyoupin.com/detail?gid=147159&spmref=YouPinPC.$Home$.list.0.55611856"><img src="./imgs/t2.png" alt=""></a>
            <div class="plate4-bb4">
                <div class="m-bar2"><img src="./imgs/进度条1.jpg" alt=""></div>
                <div class="plate4-p2p">
                   <span class="plate4-red">5282</span>  <span class="plate4-hh">人支持</span>
                    <span class="plate4-red sd" >94%</span>
                </div>
            </div>
        </div>
    </div>

    </div>
</div>

<!-- 板块五 -->

<div class="plate5">
    <div class="plate5-box1">
        <div class="plate5-p">
            <p>
            <span class="plate5box-p1">有品秒杀</span>&nbsp;
            <span class="plate5box-p2"><img src="./imgs/naozhong.png" alt=""> 16:00场</span>
            <span id="showDate"></span> 
            </p>
        </div>
        <a href="./list.html"><div class="plate5box-r">更多&nbsp;&gt;</div></a>
    </div>

<div class="plate5-box2">
    <div class="plate5-mbox">
        <a href="javascript:;"><img src="./imgs/yashua.jpg" alt=""></a>
        <div class="bigtrap-box">
            <p class="pro-info">安姆斯儿童牙刷</p>
            <p class="price">
                <span class="plate5-s1">￥</span>
                <span class="plate5-s2">8.9</span>
                <span class="plate5-s3">起</span>
                <span class="plate5-s4">￥39</span>
            </p>
        </div>
    </div>
    <div class="plate5-mbox">
        <a href="javascript:;"><img src="./imgs/jiu.jpg" alt=""></a>
        <div class="bigtrap-box">
            <p class="pro-info">泸州老窖&nbsp;翡绿</p>
            <p class="price">
                <span class="plate5-s1">￥</span>
                <span class="plate5-s2">172.9</span>
                <span class="plate5-s3">起</span>
                <span class="plate5-s4">￥501.6</span>
            </p>
        </div>
    </div>
    <div class="plate5-mbox">
        <a href="javascript:;"><img src="./imgs/biao.jpg" alt=""></a>
        <div class="bigtrap-box">
            <p class="pro-info">腕表口红礼盒</p>
            <p class="price">
                <span class="plate5-s1">￥</span>
                <span class="plate5-s2">599</span>
                <span class="plate5-s3">起</span>
                <span class="plate5-s4">￥1699</span>
            </p>
        </div>
    </div>
    <div class="plate5-mbox">
        <a href="javascript:;"><img src="./imgs/pijiu.jpg" alt=""></a>
        <div class="bigtrap-box">
            <p class="pro-info">黑啤小麦啤酒</p>
            <p class="price">
                <span class="plate5-s1">￥</span>
                <span class="plate5-s2">12</span>
                <span class="plate5-s3">起</span>
                <span class="plate5-s4">￥30</span>
            </p>
        </div>
    </div>
    <div class="plate5-mbox">
        <a href="javascript:;"><img src="./imgs/pijiu.jpg" alt=""></a>
        <div class="bigtrap-box">
            <p class="pro-info">黑啤小麦啤酒</p>
            <p class="price">
                <span class="plate5-s1">￥</span>
                <span class="plate5-s2">12</span>
                <span class="plate5-s3">起</span>
                <span class="plate5-s4">￥30</span>
            </p>
        </div>
    </div>
    <!-- <div class="btn-l2"><a href="javascript:;">&lt;</a></div>
    <div class="btn-r2"><a href="javascript:;">&gt;</a></div> -->
    <!-- <div class="plate5-mbox">

    </div> -->

</div>

</div>

<!-- 板块六 -->
<div class="plate6">
    <div class="plate6-top">
        <div class="plate6-p">
            <p>
            <span class="plate6-p1">每日新品</span>&nbsp;
            <span class="plate6-p2">每天十点&nbsp;惊喜不断</span> 
            </p>
        </div>
        <div class="plate6-p3">更多&nbsp;&gt;</div>
        </div>
    <div class="plate6-bottom">
        <div class="plate6-box">
            <a href="javascript:;"><img src="./imgs/cha.jpg" alt=""></a>
            <div class="plate6-box1">
                <div>P6泡饮机</div>
                <p class="plate6-p11">花式泡饮，居家办公小泡台，旋...</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">198</span>
                    <span class="plate6-s3">起</span>
                </p>
            </div>
        </div>
        <div class="plate6-box">
            <a href="javascript:;"><img src="./imgs/mian.jpg" alt=""></a>
            <div class="plate6-box1">
                <div>多用途麦芯小麦粉</div>
                <p class="plate6-p11">只提取接近小麦麦芯精华部分，...</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">47.6</span>
                    <!-- <span class="plate6-s3">起</span> -->
                </p>
            </div>
        </div>
        <div class="plate6-box">
            <a href="javascript:;"><img src="./imgs/xuetang.jpg" alt=""></a>
            <div class="plate6-box1">
                <div>鱼跃安耐糖CT2</div>
                <p class="plate6-p11">专为糖友打造，革命性控糖体验......</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">599</span>
                    <span class="plate6-s3">起</span>
                </p>
            </div>
        </div>
        <div class="plate6-box">
            <a href="javascript:;"><img src="./imgs/shou.jpg" alt=""></a>
            <div class="plate6-box1">
                <div>仿真可穿戴手套</div>
                <p class="plate6-p11">不用电池 无需马达  声控智能编......</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">259</span>
                    <span class="plate6-s3">起</span>
                </p>
            </div>
        </div>

    <!-- <div class="btn-l3"><a href="">&lt;</a></div>
    <div class="btn-r3"><a href="">&gt;</a></div> -->
    </div>


</div>

<!-- 板块七 -->

<div class="plate7">
    <div class="plate7-top">
        <span class="plate6-p1">专属推荐</span>
    </div>

    <div class="plate7-bottom">
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="https://www.xiaomiyoupin.com/detail?gid=112024&spmref=YouPinPC.$Home$.list.0.54953987"><img src="./imgs/juzi.jpg" alt=""></a>
                <p>99.9%抑菌率|植物精华</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">泡沫抑菌洗手液</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">39.9</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/xiangfen.jpg" alt=""></a>
                <p>独家留香香氛、8倍洁净</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">浓缩香氛洗衣片</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">89</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/toukui.jpg" alt=""></a>
                <p>可拆卸帽檐，U型头锁调节</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">R1多用途骑行头盔</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">119</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/shui.jpg" alt=""></a>
                <p>万向旋转，双模出水，防溅水</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">悍高双功能起泡器</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">33.9</span>
                    <span class="plate6-s3">起</span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/dfq.png" alt=""></a>
                <p>带你走近达·芬奇</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">达·芬奇传</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">64.35</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/bao.jpg" alt=""></a>
                <p>双仓收纳,4级防泼水</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">经典商务双肩包2</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">79</span>
                    <span class="plate6-s3">起</span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/erji.png" alt=""></a>
                <p>舒适佩戴，20小时持久续航</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">小米蓝牙耳机</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">122.55</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/jiandao.png" alt=""></a>
                <p>涂氟工艺 刻度尺设计</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">特氟龙剪刀</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">12.5</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <div class="plate7-box">
            <div class="plate7-box1">
                <a href="javascript:;"><img src="./imgs/saodi.png" alt=""></a>
                <p>湿拖不漏水·吸扫拖一体</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">云米集尘扫地机</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">1999</span>
                    <span class="plate6-s3"></span>
                </p>
            </div>
        </div>
        <!-- <div class="plate7-box">
            <div class="plate7-box1">
                <img src="./imgs/juzi.jpg" alt="">
                <p>99.9%抑菌率|植物精华</p>
            </div>
            <div class="plate7-box2">
                <img src="./imgs/baojia.png" alt="" class="cnm">
                <p class="plate7-p11">泡沫抑菌洗手液</p>
                <p class="plate6-s">
                    <span class="plate6-s1">￥</span>
                    <span class="plate6-s2">39.9</span>
                    <span class="plate6-s3">起</span>
                </p>
            </div>
        </div> -->

    </div>

</div>
<hr>
<div class="container floor1">
    <div class="row">
        <!-- <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            <div class="thumbnail">
                <img src="..." alt="...">
                <div class="caption">
                    <h3>Thumbnail label</h3>
            <p class="box1-p2">
                <span class="box1-s1">￥</span>
                <span class="box1-s2"></span>
                <span class="box1-s3">起</span>
                <span class="box1-s4"></span>
            </p>
                </div>
            </div>
        </div> -->
    </div>
</div>
<!-- 板块八 -->
<div class="plate8">
    <div class="plate8-l">
        <a href=""><img src="./imgs/logo.png" alt=""></a>
    </div>
    <div class="plate8-r">
        <div class="plate8-rp">
            <a href=""><img src="./imgs/chengxing.png" alt=""></a>
        </div>
        <div class="plate8-p">
            <p>
                <span>©xiaomiyoupin.com</span>
                <span>苏B2-20180351 苏ICP备18025642号-1</span>
                <img src="./imgs/huizhang.png" alt="">
                <span>苏公网安备32010502010244号</span>
            </p>
            <p>
                <span>企业名称：有品信息科技有限公司</span>
                <span>关于我们</span>
                <span>入驻有品</span>
                <span>知识产权侵权投诉</span>
            </p>
            <p>
                <span>平台运营资质证照</span>
                <span>医疗器械网络交易服务第三方平台备案凭证</span>
            </p>
            <p>
                <span>小米有品平台运营主体变更公告</span>
            </p>
            <p>
                <span>南京市建邺区白龙江东街8号3栋9层</span>
            </p>
        </div>
    </div>

</div>
<div class="m-fixedBar">
    <ul>
        <li>
            <a href="javascript:;" class="m-icons yi"></a>
            <p>联系客服</p>
            <div class="m-1">
                <p>小米有品平台问题，建议反馈商户和物流问题投诉等请拨打小米有品
                    客服热线
                    </p>
                    <p class="m-1p">400-100-1199</p>
                    <p>(周—至周日8: 00-22: 00)</p>
                    <p>小米/米家自营品牌，手机电视智能硬件商品或订单发货/退款售后问题
                        请拨打小米自营客服热线
                        </p>
                        <p class="m-1p">400-100-5678</p>
                    <p>(周—至周日8: 00-18: 00)</p>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="m-icons er"></a>
            <p>下载app</p>
            <div class="m-2">
                <img src="./imgs/erweima.png" alt="">
                <p>下载小米有品APP</p>
                <p>得新人礼包</p>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="m-icons san"></a>
            <p>新人有礼</p>
            <div class="m-3">
                <img src="./imgs/jml.png" alt="">
                <p><img src="./imgs/erweima.png" alt=""></p>
                <p>立即扫码下载·小米有品APP</p>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="m-icons si"></a>
            <p>关注微信</p>
            <div class="m-4">
                <img src="./imgs/erweima.png" alt="">
                <p>扫码关注「小米有品」微信服务</p>
                <p>号，签到积分赢大奖</p>
            </div>
        </li>
        <li>
            <a href="javascript:;" class="m-icons wu"></a>
            <p>回&nbsp;到<br>顶&nbsp;部</p>
        </li>
    </ul>
    
</div>
</body>
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="./js/单例模式封装工具库.js?a=3"></script>
<script src="./js/carousel.js"></script>
<script src="./js/username.js"></script>
<script src="./js/home.js"></script>
<script>
    $('.nav ul li').hover(function(){
        $('.nav-p').css({
            display:'block'
        })
    },function(){
        $('.nav-p').css({
            display:'none'
        })
    })
    $('.yi').hover(function(){
        $('.m-1').css({
            display:'block'
        })
    },function(){
        $('.m-1').css({
            display:'none'
        })
    })
    $('.er').hover(function(){
        $('.m-2').css({
            display:'block'
        })
    },function(){
        $('.m-2').css({
            display:'none'
        })
    })
    $('.san').hover(function(){
        $('.m-3').css({
            display:'block'
        })
    },function(){
        $('.m-3').css({
            display:'none'
        })
    })
    $('.si').hover(function(){
        $('.m-4').css({
            display:'block'
        })
    },function(){
        $('.m-4').css({
            display:'none'
        })
    })
       
    $(function(){ 
    setInterval("getTime();",1000); //每隔一秒执行一次 
    }) 
    //取得系统当前时间 
    function getTime(){ 
    var myDate = new Date(); 
    // var date = myDate.toLocaleDateString(); 
    var hours = myDate.getHours(); 
    var minutes = myDate.getMinutes(); 
    var seconds = myDate.getSeconds(); 
    $("#showDate").html(hours+":"+minutes+":"+seconds); //将值赋给div 
    } 
    
    $('.btn-r2').click(function(){
       $('.plate5-box2').animate({
           paddingLeft:'40px'
       })
    })
    $('.btn-l2').click(function(){
       $('.plate5-mbox').animate({
           right:'-40px'
       })
    })
    
</script>
</html>